<template>
  <!-- 软件资产 -->
  <div>
    <div slot="header" class="clearfix">
      <span style="float: left; padding: 3px 0">软件资产列表</span>
      <div class="btn-right">
      </div>
    </div>
    <com-table :tableData="tableData" url="app" keyName="app" :has-data="hasData" :table-head-list="tableHeadList"
      :total-count="totalCount" :page-num="pageNum" :page-size="pageSize" :page-sizes="pageSizes"
      :table-loading="loading" :table-height="tableHeight" :is-show-select="true" :page-show="true" :handle-show="false"
      :merge-flag="false" :modifys="true" :baddtsd="false" @setSearchHeight="setTableHeight"
      ref="comTable">
    </com-table>
  </div>
</template>

<script>
import ComTable from "../../components/table/comTable";
export default {
  data() {
    return {
      pageNum: 1,
      pageSize: 10,
      pageSizes: [5, 10, 20, 100],
      totalCount: 0,
      tableData: [], // 表格数据
      tableHeight: "", // 表格高度
      hasData: false,
      loading: false, // 数据加载状态遮罩
      checkList: [],
      tableHeadList: [
        { columnComment: "软件名称", columnName: "name", },
        { columnComment: "版本号", columnName: "ip", },
        { columnComment: "发布者", columnName: "port", },

      ],
      dialogControl: false,
    };
  },
  components: {
    ComTable,
  },
  created() {
    this.setTableHeight()
  },
  methods: {
    setTableHeight() {
      let clientHeiht =
        window.innerHeight || document.documentElement.clientHeight;
      this.tableHeight = clientHeiht - 160;
    },
  },
}
</script>

<style scoped>
.el-checkbox-group {
  display: flex;
  flex-direction: column;
}
.el-select {
  width: 100%;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
.btn-right{
  display: inline-block;
  float: right;
}
</style>